<template>
    <div class="headline">
        <div class="title"><h1>{{value}}</h1></div>
        <div class="Line"></div>
    </div> 
</template>

<script>
export default {
    name: 'headline',
    data(){
        return {}
    },
    props:{
        value:String
    },
};
</script>

<style scoped lang='less'>
.headline {
    .title {
            h1 {
                font-size: 30px;
                color: #666;
                text-align: center;
            }
        }
    
        .Line {
            width: 100%;
            height: 1px;
            background-color: #ccc;
            margin: 30px 0 30px 0;
        }
}
</style>